<!doctype html>
<html style="height:100%;">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page isELIgnored="false"%>
<%
	String contextPath = request.getContextPath();
	String contextBasePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ contextPath + "/";
%>

   <c:set var="basePath"  value="<%=contextBasePath %>"/>
<head>
    <title>多车定位</title>
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
	<link rel="stylesheet" href="${basePath}resources/js/common/plugin/bootstrap/css/bootstrap.min.css"/>
	<link rel="stylesheet" href="${basePath}resources/js/common/plugin/bootstrap/css/bootstrap-responsive.min.css"/>
	<link href="${basePath}resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet" />
	<link href="${basePath}resources/css/common.css" rel="stylesheet" />
	<script src="${basePath}resources/js/common/plugin/jquery/jquery.min.js"></script>
	<script src="${basePath}resources/js/common/plugin/select2/js/select2.min.js"></script>
    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script src="http://webapi.amap.com/maps?v=1.3&key=cded017f34c18e5b6b3248b7cde7786a"></script>	
	<script type="text/javascript" src="${basePath}resources/js/common/plugin/echarts/echarts.min.js"></script> 
	<script type="text/javascript" src="${basePath}resources/js/common/plugin/bootstrap/js/bootstrap.min.js"></script>
	<script src="${basePath}resources/js/common/main/base64.js"></script> 
	<script type="text/javascript" src="${basePath}resources/js/common/main/global.js"></script>
</head>
<body class="multiVehicleMonitor" style="height:100%;">
<div  style="width:100%;height:100%;overflow:hidden;">
	<div style="height:99.7%;width:50%;float: left;">
		<div style="height:50%;width:100%;border-style:double;border-color:#666;">
			<iframe frameborder="1" width="100%" height="100%" src="" scrolling="no" id="ltiframe"></iframe> 
		</div>
		<div style="height:50%;width:100%;border-style:double;border-color:#666;">
			<iframe frameborder="1" width="100%" height="100%" src="" scrolling="no" id="ldiframe"></iframe> 
		</div>
	</div>
	<div  style="height:99.7%;width:50%;float: left;">
		<div style="height:50%;width:100%;border-style:double;border-color:#666;">
			<iframe frameborder="1" width="100%" height="100%" src="" scrolling="no" id="rtiframe"></iframe> 
		</div>
		<div style="height:50%;width:100%;border-style:double;border-color:#666;">
			<iframe frameborder="1" width="100%" height="100%" src="" scrolling="no" id="rdiframe"></iframe> 
		</div>
	</div>
</div>
<script>
var vehicleID=global.getUrlParam("vehicleID");
var vehicleID1 ="${vehicleID1}";	
var vehicleID2 ="${vehicleID2}";	
var vehicleID3 ="${vehicleID3}";	
var vehicleID4 ="${vehicleID4}";	
var  appCtx="${appCtx}";

$(function(){ 
	try{
		$("#ltiframe").attr("src", appCtx + "vehicleMonitor.html?vehicleID="+vehicleID+"&position=1&isMulti=1");
		$("#rtiframe").attr("src", appCtx + "vehicleMonitor.html?vehicleID="+vehicleID2+"&position=2&isMulti=1");
		$("#ldiframe").attr("src", appCtx + "vehicleMonitor.html?vehicleID="+vehicleID3+"&position=3&isMulti=1");
		$("#rdiframe").attr("src", appCtx + "vehicleMonitor.html?vehicleID="+vehicleID4+"&position=4&isMulti=1");
	}catch(e){
		  
	}
});

function changeIframe(vehcileid,positionNum){
	if(positionNum=="1"){
		vehicleID1 =vehcileid;
		$("#ltiframe").attr("src", appCtx + "vehicleMonitor.html?vehicleID="+vehcileid+"&position=1&commnos=A64828888195&isMulti=1");	
	}
   	if(positionNum=="2"){
   		vehicleID2 =vehcileid;
   		$("#rtiframe").attr("src", appCtx + "vehicleMonitor.html?vehicleID="+vehcileid+"&position=2&commnos=A64828888195&isMulti=1");
	}
	if(positionNum=="3"){
		vehicleID3 =vehcileid;
		$("#ldiframe").attr("src", appCtx + "vehicleMonitor.html?vehicleID="+vehcileid+"&position=3&commnos=A64828888195&isMulti=1");
	}
	if(positionNum=="4"){
		vehicleID4 =vehcileid;
		$("#rdiframe").attr("src", appCtx + "vehicleMonitor.html?vehicleID="+vehcileid+"&position=4&commnos=A64828888195&isMulti=1");
	}
}

</script>


</body>
</html>